﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AgentRegistion.aspx.cs" Inherits="Yule8xWechat.Payment.WxPay.AgentRegistion" %>

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>注册代理</title>
    <link rel="stylesheet" type="text/css" href="/Skin/Theme/Css/comm.css" />
    <link rel="stylesheet" type="text/css" href="/Skin/Theme/Css/icon.css" />
    <link rel="stylesheet" type="text/css" href="/Skin/Theme/Css/my.css" />
    <link rel="stylesheet" type="text/css" href="/Skin/Theme/Css/agent.css" />
    <script src="/Skin/Theme/Js/flexible_css.js" type="text/javascript" charset="utf-8"></script>
    <script src="/Skin/Theme/Js/flexible.js" type="text/javascript" charset="utf-8"></script>
    <script src="/Skin/Theme/Js/jquery_2.1.3.js" type="text/javascript" charset="utf-8"></script>
    <script src="/Skin/Plugins/DialogLib/layer-v3.0.1/layer.js" type="text/javascript"></script>
    <!--轮播增加代码部分-->
    <link rel="stylesheet" href="/Skin/Theme/Plugins/idangerous/idangerous.swiper.css">
    <!--轮播增加代码部分-->
    <script src="/Skin/Theme/Plugins/idangerous/idangerous.swiper.min.js"></script>
    <!--轮播增加代码部分-->
    <style>
        /* Demo Syles */
        .swiper-container {
            height: 2.7rem;
            width: 7.5rem;
            border-bottom: 1px solid #e6e6e6;
            border-top: 1px solid #e6e6e6;
        }

        .swiper-slide > img {
            width: 7.5rem;
            height: 2.7rem;
        }

        .pagination {
            position: absolute;
            left: 0;
            text-align: center;
            bottom: 0.05rem;
            width: 100%;
        }

        .swiper-pagination-switch {
            display: none;
            width: 0.1rem;
            height: 0.1rem;
            border-radius: 10px;
            background: #999;
            box-shadow: 0px 1px 2px #555 inset;
            margin: 0 3px;
            cursor: pointer;
        }

        .swiper-active-switch {
            background: #fff;
        }
    </style>
    <!--轮播增加代码部分-->
</head>
<body>
    <div class="content b-h">
        <!--轮播广告图-->
        <!--注册代理事项-->
        <div class="regagenttip">
            <div class="tiptext">
                <a class="t-r">注册需知</a><p>购买<a class="t-r">100颗钻石</a>即成为代理，<a class="t-r">1颗钻石=3元</a></p>
                <p>注册成功后<a class="t-r">立即返利75元</a>至账户</p>
                <p>每发展1个1级代理即可<a class="t-r">获25%返佣</a>，2级代理<a class="t-r">获15%返佣</a></p>
            </div>
        </div>
        <!--代理基础信息-->
        <form method="post" action="AgentRegistion.aspx?user_id=<%=user_id %>" onsubmit="return validateform()">
            <div class="baseinfo">
                <ul>
                    <li>
                        <div class="basetext">
                            <span class="anameicon">
                                <img src="/Skin/Theme/Images/agent/agentname.png"></span><span class="anametext">推荐人ID</span><span class="anameinput"><input type="text" name="parent1_uid" placeholder="请输入推荐人ID" value="<%=parent1_uid_default %>" data-uid="<%=wxUser.user_id %>" /></span>
                        </div>
                    </li>
                    <li>
                        <div class="basetext">
                            <span class="anameicon">
                                <img src="/Skin/Theme/Images/agent/agentname.png"></span><span class="anametext">代理名称</span><span class="anameinput"><input type="text" name="realname" placeholder="请输入您的名字" required="required" /></span>
                        </div>
                    </li>
                    <li>
                        <div class="basetext">
                            <span class="anameicon">
                                <img src="/Skin/Theme/Images/agent/agentphone.png"></span><span class="anametext">手机号码</span><span class="anameinput"><input type="text" name="mobile" placeholder="请输入您的手机号" required="required" /></span>
                        </div>
                    </li>
                    <li>
                        <div class="basetext">
                            <span class="anameicon">
                                <img src="/Skin/Theme/Images/agent/code.png"></span><span class="anametext">验	证	码</span><span class="acodeinput"><input type="text" name="yzm" placeholder="请输入验证码" required="required" /></span><span class="agetcode"><a id="btn-get-sms-code" href="../../PublicServices/SMSServices.aspx?uid=<%=wxUser.user_id %>" data-sec="<%=smscountdown %>">获取验证码</a></span>
                        </div>
                    </li>
                </ul>
            </div>
            <!--代理区域信息-->
            <div class="baseinfo">
                <ul>
                    <li>
                        <div class="basetext"><span class="anametext"><a class="t-r">手机号将作为提现时唯一认定标准，请认真填写</a></span></div>
                    </li>

                    <li>
                        <div class="basetext">
                            <span class="anameicon">
                                <input type="checkbox" required="required" id="agreelicense"></span><span class="anametext"><a href="#" id="lnk_licence">同意代理协议条款</a></span>
                        </div>
                    </li>
                </ul>
            </div>
            <!--代理区域信息-->
            <div class="regbutton">
                <span class="regbtn fanbai">
                    <button type="submit" disabled="disabled">抢先成为代理</button></span>
            </div>
            <div id="licence" style="display: none;">
                <h3>《八星游戏》平台代理合作协议</h3>
                <p>欢迎您注册/登录使用《八星游戏》平台的代理合作系统（下称“本系统”）。</p>
                <p>请您在注册/登录本系统前仔细阅读《八星游戏代理合作协议》（下称“本协议”）的所有内容，特别是有关代理方的义务的条款，以及免除、限制我方责任的条款。</p>
                <p>本协议是八星游戏（下称我方）与八星游戏代理方（下称“代理方”或“你方”）所约定的规范双方权利、义务关系的电子合同（买卖合同）。</p>
                <p>
                    如您对本协议任何内容有异议，请不要注册及登录/使用本系统。当您点击确认键注册或者登录或使用本系统相关服务，则视为您已仔细阅读本协议所有内容，同意接受本协议的所有规定及我方相关政策的约束，成为代理方，有权从我方批量购买《八星游戏》（下称本平台）的钻石等产品或服务，并对外转售。
                </p>
                <p>
                    <strong>一、合作内容</strong>
                    1、协助我方提升本平台的代理以及销售数量，提升本平台的用户规模。<br />
                    2、为实现前述目的，你方可通过线下场所或线上渠道（Q群、QQ、贴吧、论坛、空间、微信、微博等）、自身人际关系、非官方网络资源等各种合法方式和渠道，推广本平台，我方将提供必要的支持和协助。<br />
                    3、为实现前述目的，双方共同将为本平台做正面宣传，扩大本平台的知名度和美誉度。<br />
                </p>
                <p>
                    <strong>二、代理方的权利和义务</strong>
                    <ol>
                        <li>1、代理方成为本平台的钻石和其他相关服务的代理商，有权从我方以低于市场统一定价的价格、大批量购买本平台的钻石和其他相关服务，并以市场允许价格内对外转售。</li>
                        <li>2、代理方有权参与我方组织的市场推广活动，并从我方获得相应的奖励。</li>
                        <li>3、代理方不享有本平台在任何区域的独家合作资格。</li>
                        <li>4、代理方不得从我方之外的其他途径购买本平台的钻石和其他相关服务，不得互相串货，不得私自降价销售，不得扰乱本平台钻石和相关服务的市场价格体系。</li>
                        <li>5、代理方不得对用户歧视性销售，不得捆绑销售、搭便车销售。</li>
                        <li>6、在合作推广过程中，代理方的任何行为均不得包含有虚假、诱骗、违反国家法律法规的内容，也不得做出有悖于八星游戏对外公布的相关公告、协议内容的承诺或行为，不得通过组织、参与违法活动来追求销售业绩。如有发现，你方独自承担一切法律后果，且我方有权向国家有关机关做举报。</li>
                        <li>7、代理方有义务积极维护和宣传我方的品牌、业务和政策，不煽动、不参与任何形式的不利于我方品牌、业务、政策的活动。你方不可假冒和改变我方的商标、标志、商业信息等，不得故意造成与我方产品或服务的混淆，不得以我方公司或员工名义对外从事任何活动。</li>
                        <li>8、代理方须保证在进行本游戏推广之前已经获得线上或者线下场所的许可，并遵守相应的线上线下法律规章制度，否则由此产生的纠纷和可能导致的一切责任由代理方本人承担；代理方同意我方对此免责。</li>
                        <li>9、代理方理解并认可，代理方在注册和使用本系统过程中所提供的个人资料及相关信息是我方判断你方身份的重要依据，你方应根据要求尽可能提供详尽的信息，并确保信息的完整性、合法性和真实性。如代理方提交的资料有任何变动，必须在本系统中及时更新,必要时以电话或邮件形式告知我方管理人员，以保证其资料准确性。如果代理方不能提供准确完整的个人信息、未及时更新相关信息或者提供相关的资料，将导致我方无法准确判断代理方的身份，从而影响到推广收益发放等操作。因此给代理方造成的损失，我方不承担任何责任。</li>
                        <li>10、如因代理方提交的信息资料不真实、不准确、不完整、不合法从而导致我方作出错误判断、遭受直接或间接经济损失的，我方有权立即取消该代理方的资格并追究代理方的法律责任。</li>
                        <li>11、代理方仅能依据本协议约定的内容，从事八星游戏的推广活动，不得将本协议约定的权利、义务转让给任何第三方，不得擅自委托第三方从事本游戏的推广行为。</li>
                        <li>12、代理方拥有自主的权利，可单方面随时决定终止与我方的合作、并停止使用本系统相关服务。如我方对本协议内容或相关服务等作出任何变更，而代理方不同意有关变更内容的，代理方应立即终止与我方的合作、并停止使用本系统相关服务。</li>
                    </ol>
                </p>
                <p>
                    <strong>三、八星游戏的权利和义务</strong>
                    <ol>
                        <li>1、八星游戏会对代理方提交的注册信息和资料进行及时审核，并有权根据公司业务发展需要，做出通过或不通过的决定。</li>
                        <li>2、八星游戏有权了解代理方的推广情况，获得与代理方信息和推广业绩相关的必要的资料、数据和有关证据。</li>
                        <li>3、八星游戏会根据代理方的销售业绩和公司政策，将代理方应得的收益及时支付到位。</li>
                        <li>4、八星游戏将通过本系统的消息通知、电子邮件等方式，将最新的公司政策（包括但不限于优惠政策、对代理方的销售业绩要求等）下发给代理方。代理方有义务遵守、配合公司的各项政策。</li>
                        <li>5、八星游戏有权根据实际需要随时修改本协议，并通过公告、系统消息或邮件等形式公布，修改自公告公布之日、或消息送达代理方邮箱之日起生效。代理方如有异议，可立即停止本协议，并与我方协商结算事宜。</li>
                        <li>6、八星游戏有权单方随时变更、中断或终止本系统及相关服务，且不需对玩家或任何第三方负责。除本协议另有约定外，八星游戏将以电话、短信、系统消息/页面或者电子邮件方式通知代理方。终止合作通知自发出之时即视为送达。如因代理方资料中登记的联络方式不正确、不完整或者不真实而导致联络失败的，八星游戏无需对因此导致的任何损失或损害承担法律责任。</li>
                        <li>7、八星游戏有权根据公司业务发展需要，终止本协议涉及的合作。在此情况下，八星游戏应通过发布公告等形式通知代理方，协议的终止自公告发布之日起生效。</li>
                        <li>8、八星游戏将竭力保证本游戏相关系统和数据的稳定，但因技术问题或第三方原因导致产品宕机、数据丢失等问题，我方不向你方或其他第三方承担赔偿、补偿的法律义务。</li>
                        <li>9、八星游戏有权要求代理方配合我方的相关推广工作，以保证推广本平台的效果和效率。</li>
                        <li>10、尊重个人隐私是八星游戏的重要政策。在未经授权的情况下，八星游戏不会公开或向第三方透露代理方在申请时提交的个人资料。但如根据法律规定或政府有权部门的有效命令，或在以下三种情况下，八星游戏可不经授权而向相关部门或第三方公开或透露代理方的个人信息：<br />
                            <span>(1)在紧急情况下维护代理方个人、第三人或社会大众的财产或人身安全；<br />
                                (2)保持、维护八星游戏的知识产权或其它合法权益；<br />
                                (3)根据八星游戏游戏服务的相关规则、制度、条款，应当公开或披露的。
                            </span>
                        </li>
                    </ol>
                </p>
                <p>
                    <strong>四、推广收益</strong>
                    代理方按照八星游戏相关规定申领推广收益。推广收益的发放形式目前为返现的发放。具体兑换规则以公司的通知为准。八星游戏将在后台确认业绩并在业绩确认后个1工作日内将推广返现收益发放至代理方账户。
                </p>
                <p>
                    <strong>五、提现权益</strong>
                    代理方有权在代理合作与推广过程中产生的返现收益向平台提出取现申请，平台在收到取现申请后将会在1个工作日之内进行取现审核，审核通过后则会在通过后的3个工作日内将取现金额发放至代理方提交的取现账户中。审核未通过则会以取现记录内告知未通过原因，代理方可依据原因同平台客服联系沟通处理。因如代理方提交资料错误导致取现失败或者取现转账错误，我方将概不负责，我方将会以平台的后台中收到取现申请时提交的资料内容作为最终发放依据。 
                </p>
                <p>
                    <strong>六、声明</strong>
                    八星游戏与代理方在此声明：双方不会因根据本协议产生的推广合作，构成任何形式的劳动合同关系或劳务关系。代理方不隶属于八星游戏，不受八星游戏内部规章制度的约束。八星游戏除向代理方支付本协议约定的推广收益外，不承担代理方的任何其他费用，包括但不限于因代理方因推广活动所产生的成本、社会保险、福利和医疗保险费用等。<br />
                    八星游戏与代理方共同在此声明：本协议不包含任何可能理解为双方之间设立一种代理方关系的内容。代理方无权代表八星游戏对外缔结合同。代理方不得以八星游戏的名义开展任何与本协议约定推广活动无关的活动，或者从事违法犯罪活动，否则一切后果由代理方自行承担，八星游戏并保留追究其法律责任的权利。<br />
                </p>
                <p>
                    <strong>七、违约责任</strong>
                    如代理方有违反本协议第二条第4、5、6、7、8、9、10、11款之规定的行为，八星游戏有权根据代理方的违约事实和严重程度，对其采取扣发推广收益、停止发放推广收益、扣减代理方所持钻石、作废代理方所持钻石、暂停推广合作资格、停止推广合作资格等措施，并有权向代理方追讨其通过不当行为所获得的利益。<br />
                    代理方对此充分理解并认可。                    
                </p>
                <p>
                    <strong>八、不可抗力</strong>
                    <ol>
                        <li>1、一方因不可抗力不能履行本协议的，根据不可抗力的影响，可以部分或者全部免除违约责任。但一方迟延履行后发生不可抗力的，不能免除责任。</li>
                        <li>2、一方因不可抗力不能履行本协议的，应当及时通知对方，以减轻可能给对方造成的损失，并在合理期限内提供证明。未及时通知的，对因迟延通知而造成的扩大损失依然承担赔偿责任。</li>
                        <li>3、一方因不可抗力不能履行合同，但尚未造成对本协议根本违约的，另一方应该在履约时间上给予对方适当的宽限；如果因不可抗力导致不能实现本协议目的的，双方均有权解除本协议。</li>
                    </ol>
                </p>
                <p>
                    <strong>九、协议的生效和终止</strong>
                    <ol>
                        <li>1、协议的生效：本协议自您登录代理系统并主动勾选“我已同意《八星游戏代理方合作协议》”注册代理账户时自动生效。</li>
                        <li>2、下列情形之一出现时，本协议终止：<br />
                            （1）本协议约定的合作期限届满；<br />
                            （2）本平台终止运营；<br />
                            （3）在本协议有效期内，代理方被依法追究刑事责任的，八星游戏有权单方面终止本协议；<br />
                            （4）其他按照法律规定以及本协议约定的终止情况<br />
                        </li>
                    </ol>
                </p>
                <p>
                    <strong>九、其他约定</strong>
                    本协议未尽事宜，可由双方另行签订补充协议予以明确。补充协议的内容与本协议的内容有冲突的，优先适用补充协议的规定。<br />
                    代理方与八星游戏在合作中产生的争议，应当友好协商解决；协商不成的，任何一方均有权向被告所在地有管辖权的法院提起诉讼。<br />
                </p>
                <p style="text-align: right;">
                    《八星游戏》平台代理协议<br />
                    厦门禀贴科技有限公司<br />
                    2017年5月1日<br />
                </p>


            </div>
            <input type="hidden" name="action" value="submit" />
        </form>
    </div>
    <script src="/Skin/Theme/Js/jquery-1.10.1.min.js"></script>
    <script>
        // 苹果手机点击输入框白屏的解决方案
        $(function () {
            $('input').on('click', function () {
                
                var target = this;
                // 使用定时器是为了让输入框上滑时更加自然
                setTimeout(function () {
                    target.scrollIntoView(true);
                }, 100);
            });
        })
        var mySwiper = new Swiper('.swiper-container', {
            pagination: '.pagination',
            loop: true,
            grabCursor: true,
            paginationClickable: true,
            autoplay: 5000,
        })
        $('.arrow-left').on('click', function (e) {
            e.preventDefault()
            mySwiper.swipePrev()
        })
        $('.arrow-right').on('click', function (e) {
            e.preventDefault()
            mySwiper.swipeNext()
        })
        $('#lnk_licence').click(function () {
            $('#licence').toggle();
            return false;
        })
        function validateform() {
            var pid = $('input[name="parent1_uid"]').val();
            if (pid.length < 1) {
                layer.msg('推荐人ID不能为空，详情请咨询客服!');
                return false;
            } else {
                if (pid == $('input[name="parent1_uid"]').data('uid')) {
                    layer.msg('推荐人不能是自己!');
                    return false;
                }
            }
            if ($('input[name="realname"]').val().length < 1) {
                layer.msg('姓名不能为空!');
                return false;
            }
            if ($('input[name="mobile"]').val().length < 1) {
                layer.msg('手机号码不能为空!');
                return false;
            }
            return true;
        }
        $('#agreelicense').click(function () {
            var checked = $(this).prop('checked');
            if (checked) {
                $(':submit').prop('disabled', false).parent().removeClass('fanbai');
            } else {
                $(':submit').prop('disabled', true).parent().addClass('fanbai');
            }
        })
        //initAreaPicker();
        /**
         * 初始化省市区
         * @returns {undefined}
         * @since 1.0 2017-4-12 SoChishun Added.
         */
        function initAreaPicker() {
            //$('.xsui-area-picker').regionPicker();
            var $areapicker = $('.xsui-area-picker');
            $.get($areapicker.data('provinceUrl'), function (data) {
                if ('string' == typeof (data)) {
                    data = $.parseJSON(data);
                }
                var str = '<option value="">==选择省份==</option>';
                for (var i in data) {
                    str += '<option value="' + data[i].name + '" data-id="' + data[i].pid + '">' + data[i].name + '</option>';
                }
                $areapicker.find('[name="province"]').html(str);
            })
            $areapicker.find('[name="province"]').change(function () {
                var url = $areapicker.data('cityUrl').replace('varpid', $(this).find(':selected').data('id'));
                $.get(url, function (data) {
                    if ('string' == typeof (data)) {
                        data = $.parseJSON(data);
                    }
                    var str = '<option value="">==选择城市==</option>';
                    for (var i in data) {
                        str += '<option value="' + data[i].name + '" data-id="' + data[i].cid + '">' + data[i].name + '</option>';
                    }
                    $areapicker.find('[name="city"]').html(str);
                });
            });
            $areapicker.find('[name="city"]').change(function () {
                var url = $areapicker.data('areaUrl').replace('varcid', $(this).find(':selected').data('id')).replace('varpid', $areapicker.find('[name="province"]').find(':selected').data('id'));
                console.log(url);
                $.get(url, function (data) {
                    if ('string' == typeof (data)) {
                        data = $.parseJSON(data);
                    }
                    var str = '<option value="">==选择地区==</option>';
                    for (var i in data) {
                        str += '<option value="' + data[i].name + '" data-id="' + data[i].aid + '">' + data[i].name + '</option>';
                    }
                    $areapicker.find('[name="area"]').html(str);
                });
            });
        }
        $('#btn-get-sms-code').click(function () {
            var $this = $(this);
            if ($this.parent().hasClass('fanbai')) {
                return false;
            }
            var mobile = $('[name="mobile"]').val();
            if (mobile.length < 1) {
                layer.msg('手机号码未填写!');
                return false;
            }
            $('#btn-get-sms-code').data('reset', false);
            var url = $this.attr('href');
            $.get(url, { "type": "agentregistconfirm", "mobile": mobile }, function (data) {
                layer.msg(data);
                if (data.indexOf('成功') < 0) {
                    $('#btn-get-sms-code').data('reset', true);
                }
            })
            $this.parent().addClass('fanbai');
            button_countdown();
            return false;
        })
        // 按钮倒计时功能
        function button_countdown() {
            var sec = $('#btn-get-sms-code').data('sec');
            if (!sec) {
                sec = 60;
            }
            var text = $('#btn-get-sms-code').text();
            var intv = setInterval(btn_countdown_fnc, 1000);
            var reset;
            function btn_countdown_fnc() {
                reset = $('#btn-get-sms-code').data('reset');
                sec--;
                if (sec < 1 || reset) {
                    clearInterval(intv);
                    $('#btn-get-sms-code').text(text).parent().removeClass('fanbai');
                    return;
                }
                $('#btn-get-sms-code').text(text + '(' + sec + ')');
            }
        }
    </script>
</body>
</html>
